<!--
 * @Description: 渲染markdown文件
 * @Author: hai-27
 * @Date: 2020-03-12 17:30:46
 * @LastEditors: hai-27
 * @LastEditTime: 2020-03-12 18:23:58
 -->
<template>
  <div id="my-markdown" class="markdown-body">
    <!-- <vue-markdown :source="md"> </vue-markdown> -->
    <div class="span16">
      <div class="mi-uc-box uc-main-box">
        <div class="uc-content-box portal-content-box">
          <div class="box-bd">
            <div data-v-6cfb7de2="" class="portal-main clearfix">
              <div data-v-6cfb7de2="" class="user-card">
                <h2 data-v-6cfb7de2="" class="username">
                  {{ this.getUser.userName }}
                </h2>
                <router-link></router-link>

                <img
                  data-v-6cfb7de2=""
                  src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-data-mishop/f790b51a76afd7b41522048fa779d69d.jpg"
                  width="150"
                  height="150"
                  alt="季卡"
                  class="avatar"
                />
              </div>
              <div data-v-6cfb7de2="" class="user-actions">
                <ul data-v-6cfb7de2="" class="action-list">
                  <li data-v-6cfb7de2="">
                    用户姓名：
                    <span data-v-6cfb7de2=""
                      ><span data-v-6cfb7de2="" class="tel">{{
                        this.getUser.userName
                      }}</span></span
                    >
                  </li>
                  <li data-v-6cfb7de2="">
                    用户姓名：
                    <span data-v-6cfb7de2=""
                      ><span data-v-6cfb7de2="" class="tel">{{
                        this.getUser.userName
                      }}</span></span
                    >
                  </li>
                  <li data-v-6cfb7de2="">
                    用户姓名：
                    <span data-v-6cfb7de2=""
                      ><span data-v-6cfb7de2="" class="tel">{{
                        this.getUser.userName
                      }}</span></span
                    >
                  </li>
                </ul>
              </div>
            </div>
            <div data-v-1ace6eb7="" class="portal-sub">
              <ul data-v-1ace6eb7="" class="info-list clearfix">
                <li data-v-1ace6eb7="">
                  <h3 data-v-1ace6eb7="">
                    <!-- 待收货的订单：<span data-v-1ace6eb7="" class="num">{}</span> -->
                  </h3>
                  <div class="order_d">
                    <router-link to="/order">我的订单</router-link>
                  </div>
                  <img
                    data-v-1ace6eb7=""
                    src="//s01.mifile.cn/i/user/portal-icon-2.png"
                    alt=""
                  />
                </li>

                <li data-v-1ace6eb7="">
                  <h3 data-v-1ace6eb7="">
                    <!-- 收藏的商品：<span data-v-1ace6eb7="" class="num">1</span> -->
                  </h3>
                  <div class="collect_s">
                    <router-link to="/collect">我的收藏</router-link>
                  </div>

                  <img
                    data-v-1ace6eb7=""
                    src="//s01.mifile.cn/i/user/portal-icon-4.png"
                    alt=""
                  />
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
// import VueMarkdown from "vue-markdown";
import { mapGetters } from "vuex";
export default {
  name: "MyMarkdown",
  //   components: {
  //     VueMarkdown,
  //   },
  data() {
    return {};
  },
  computed: {
    ...mapGetters(["getUser", "getNum"]),
  },
  //   created() {
  //     // 从后端请求README.md
  //     this.$axios
  //       .get("/api/src/views/Order.vue", {})
  //       .then((res) => {
  //         this.md = res.data;
  //       })
  //       .catch((err) => {
  //         return Promise.reject(err);
  //       });
  //   },
  mounted() {
    console.log(this.getUser);
  },
};
</script>
<style>
@import "../assets/css/github-markdown.css";
.markdown-body {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 40px;
}
.user-card {
  margin-left: 200px;
  float: left;
}
.portal-main {
  float: left;
}
.portal-sub {
  float: left;
  margin-left: 300px;
}
.action-list {
  margin-left: 176px;
}
.box-bd {
  margin-top: 60px;
  margin-bottom: 30px;
}
.order_d {
  margin-left: 17px;
}
.collect_s {
  margin-left: 17px;
}
</style>